

<template>
  <el-row>
  <el-button>默认按钮</el-button>
  <el-button type="primary">主要按钮</el-button>
  <el-button type="success">成功按钮</el-button>
  <el-button type="info">信息按钮</el-button>
  <el-button type="warning">警告按钮</el-button>
  <el-button type="danger">危险按钮</el-button>
</el-row>
<div>
    <el-radio v-model="radio1" label="1">备选项1</el-radio>
    <el-radio v-model="radio1" label="2">备选项2</el-radio>
  </div>
  <div>
    <el-radio v-model="radio2" label="1" size="medium">备选项1</el-radio>
    <el-radio v-model="radio2" label="2" size="medium">备选项2</el-radio>
  </div>
  <div>
    <el-radio v-model="radio3" label="1" size="small">备选项1</el-radio>
    <el-radio v-model="radio3" label="2" size="small">备选项2</el-radio>
  </div>
  <div>
    <el-radio v-model="radio4" label="1" size="mini">备选项1</el-radio>
    <el-radio v-model="radio4" label="2" size="mini">备选项2</el-radio>
  </div>
  <!-- <RouterView /> -->
</template>
<script>
  import { defineComponent, ref } from 'vue'

  export default defineComponent({
    setup() {
      return {
        radio1: ref('1'),
        radio2: ref('1'),
        radio3: ref('1'),
        radio4: ref('1'),
      }
    }
  })
</script>